#logo-container{}
#form-container{
    width: 346px;
    margin:0 auto;
    min-height: 300px;
}
/*** LOGIN ***/

#login-form{
    width: 346px;
    margin: 0 auto;
}

#login-title{
    color: #154b76;
    width: 360px;
    margin:0 auto;
}

.input-wrap{
    margin-top: 12px;
    height: 42px;
    background: url('../images/input-login-bg.png') no-repeat;
    color: #6a6a6a;
}
.login-input,
.register-input{
    border: none;
    width: 300px;
    height: 42px;
    line-height: 42px;
    margin: 0;
    padding: 0;
    background: none;
    outline: none;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 23px;
    z-index: 5;
}
.login-input-holder,
.register-input-holder{
    position: absolute;
    z-index: 1;
    top:0;
    left: 23px;
    line-height: 40px;
}
.status-wrap{}
.submit-wrap{
    margin-top: 12px;
    height: 35px;
    color:#9c9c9c;
    text-align: left;
}
#login-form .forget-pass{
    line-height: 35px;
    vertical-align: middle;
}
#login-form .submit-button{
    float: right;
}

/*** REGISTER ***/
#register-form{
    width: 346px;
    margin: 0 auto;
    display: none;
}
#register-title{
    color: #154b76;
    width: 380px;
    margin:0 auto;
    margin-left: -17px;
}
#register-form .submit-button{
    float: right;
}

/*** FEATURED SLIDER ***/
#featured-container{
    width: 960px;
    height: 200px;
    margin: 0 auto;
    overflow: hidden;
}
#featured-caraousel{
    list-style: none;
    padding: 0;
    margin:0;
}

#featured-caraousel li{
    padding: 0;
    display: inline-block;
}

.home-featured-image{
    margin: 32px 6px 0px;
    vertical-align: middle;
    width: 180px;
    height: 119px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    z-index: 1;
}

.home-feature-title{
    margin-left: 6px;;
    height: 35px;
    color:#FFFFFF;
    width: 180px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: -40px;
    z-index: 6;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    text-align: left;
}

.home-feature-title a:hover{
    text-decoration: none;
}

.home-feature-title span{
    opacity:1;
    color: #FFFFFF;
    margin:0 6px;
    font-size: 12px;
    display: block;
    line-height: 16px;
}

.hf-center .home-feature-title{
    bottom:0;
}

/* CONTENT */
#content{
    width: 1000px;
    margin:0 auto;
}

/* TOP BAR */
#top-bar{
    height:80px;
    background: #f5f6f7;
    margin-top: 30px;
    box-shadow: #808080 0px 0px 6px -2px;
}

#top-bar .wrapper{
    margin: 15px 20px;
    width: 960px;
    float:left;
}

#top-bar-logo{
    float: left;
    text-align: left;
}

#top-bar-nav{
    float:right;
}

.nav-wrap{
    height: 50px;
    overflow: visible;
    float:right;
    margin-left: 20px;
}

.nav-icon{
    line-height: 50px;
}

.nav-icon img{
    vertical-align: bottom;
}

/* HOME */
#home{
    background-color: #f5f6f7;
    display: block;
    overflow: auto;
    margin-top: 7px;
    box-shadow: #808080 0px 0px 6px -2px;
}

#home-wrap{
    margin:20px;
    float: left;
    width: 960px;
}

#home-top{
    height: 50px;
}

#home-left{
    margin-left: 50px;
    float: left;
    width: 697px;
    
}
#home-right{
    float:right;
    width: 160px;
}

.post{
    width: 336px;
    margin-right: 12px;
    margin-bottom: 12px;
    background: #ffffff;
    box-shadow: #808080 0px 0px 6px -2px;
    overflow: auto;
}

.p-left{
    float: left;
    clear:left;
}
.p-right{
    float: right;
    clear:right;
}

.post-wrapper{
    margin:10px;
    
}

.post-header{
    width: 316px;
    float:left;
    margin-bottom: 8px;
}
.post-avatar{
    float:left;
}
.post-avatar img{
    vertical-align: middle;
}
.post-info{
    text-align: left;
    margin-left: 10px;
    float:left;
}
.post-user{}
.post-user a:link,
.post-user a:visited{
    color:#11568d;
    font-size: 1.2em;
}
.post-date{
    color:#808080;
}
.post-title{
}
.post-title a:link,
.post-title a:visited{
    color:#11568d;
    font-size: 1.8em;
}
.post-excerpt{
    clear:left;
}
.post-excerpt p{
    text-align: justify;
    color: #808080;
    font-size: 1.4em;
}